﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="../jquery-1.8.0.js"></script>
    <script type="text/javascript" src="http://openlayers.org/api/2.12-rc3/OpenLayers.js"></script>
    <script type="text/javascript" src="../ViewScripts/pvMapper.js"></script>
    <script type="text/javascript" src="../ViewScripts/LoadProjectSites.js"></script>
    <script type="text/javascript" src="Common.js"></script>
    <script type="text/javascript" src="Event.js"></script>
     <script type="text/javascript" src="Renderer.js"></script>   
    <script type="text/javascript" src="score.js"></script>
    <script type="text/javascript" src="scoreline.js"></script>
    <script type="text/javascript" src="scoreboard.js"></script>


</head>
<body>
</body>
<script type="text/javascript">
    $().ready(function () {
        var table = new pvMapper.Renderer.HTML.Table();
        var r1 = table.addRow();
        r1.addCell("I am cell 1");

        var myCell = r1.addCell(new pvMapper.Renderer.HTML('td', 'I am cell 2'));
        myCell.children.push(new pvMapper.Renderer.HTML('span', 'WOW, span is fun!').attr({ style:'background: blue' }));

        var html = table.render();
        $('body').append(html);

        $('<div>Click Me</div>').appendTo('body').on('click', function () {
            myCell.text = "CHANGED!!";
            $('table').html(table.render());
        });
    });
        
</script>

</html>
